﻿html {
    margin: 0 auto;
    padding: 0;
    height: 100%;
}

body {
    margin: 0 auto;
    padding: 0;
    height: 100%;
    justify-content: center;
    align-items: center;
    overflow: auto;
}

.container-fluid {
    border: 0;
    margin: 0;
    padding: 0;
}
.row {
    border: 0;
    margin: 0;
    padding: 0;
}
.row-1 {
    height: calc( 1 * 80px );
}
.row-2 {
    height: calc( 2 * 80px );
}
.row-3 {
    height: calc( 3 * 80px );
}
.row-4 {
    height: calc( 4 * 80px );
}
.row-5 {
    height: calc( 5 * 80px );
}
.row-6 {
    height: calc( 6 * 80px );
}
.row-7 {
    height: calc( 7 * 80px );
}
.row-8 {
    height: calc( 8 * 80px );
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    border: 0;
    margin: 0;
    padding: 5px;
}
.toolbar{
    padding: 5px;
    margin: 0;
    border-bottom:1px solid #dbebe5;
}
.portlet {
    padding: 5px;
    overflow-y: auto;
}
.portlet .widget{
    background-color:inherit;
}
.portlet .widget-placeholder{
    border: 1px dashed #0b394d;
    margin: 5px;
    height: 90px;
}
.portlet .widget .editMode {
    position: absolute;
    height: calc(100% - 10px);
    width: calc(100% - 10px);
    top: 5px;
    left: 5px;
    border: 2px dashed #0b394d;
    display: block;
}
.portlet .widget:hover .editMode{
    display:block;
}
.portlet .widget .editMode .tool {
    padding: 0;
    margin: 0;
    border: 0;
    height: 25px;
}
.portlet .widget .editMode .tool a{
    float:left;
    display:block;
    color:#fff;
    padding:2px;
    width: 24px;
    text-align:center;
    background-color: #0b394d;
}
.portlet .widget .panel{
    border:1px solid transparent;
    padding:0;
    margin:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    height:100%;
}
.portlet .widget .panel .panel-heading{
    padding: 5px;
}
.portlet .widget .panel .panel-heading .panel-title{
    font-weight:bold;
    font-size:14px;
}
.portlet .widget .panel .panel-heading .panel-title span{
}
.portlet .widget .panel .panel-heading .panel-title a{
}
.portlet .widget .panel .panel-body {
    border:0;
    padding:5px;
}
.portlet .widget .panel .panel-body .visual {
    display: inline-block;
    padding: 10px;
}

.portlet .widget .panel .panel-body .visual i {
    font-size: 60px;
}

.portlet .widget .panel .panel-body .details {
    margin:0;
    padding:0;
    list-style:none;
    float:right;
}
.portlet .widget .panel .panel-body .details li{
    float:left;
    padding: 10px;
}
.portlet .widget .panel .panel-body .details .value {
    text-align: right;
    font-size: 24px;
    font-weight: 300;
    display:block;
}

.portlet .widget .panel .panel-body .details .key {
    text-align: right;
    font-size: 16px;
    font-weight: 300;
    display:block;
}

.portlet .widget .panel .panel-footer{
    border:0;
    padding:5px;
}
.portlet .widget .panel .panel-footer .more {
    clear: both;
    display: block;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.portlet .widget .panel .panel-footer .more i {
    margin-top: 4px;
    float: right;
}

.portlet .widget .panel .panel-footer .more:hover {
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100);
}

/**blue**/
.portlet .blue {
    background-color: #27a9e3;
} 
.portlet .blue *{
    color:#fff;
}
.portlet .blue .panel-heading{
    border-bottom:1px solid #eee;
} 
.portlet .blue .panel-body{

}
.portlet .blue .panel-footer {
    background-color: #208dbe;
}

/**green**/
.portlet .green {
    background-color: #28b779;
}
.portlet .green *{
    color:#fff;
}
.portlet .green .panel-heading{
    border-bottom:1px solid #eee;
}
.portlet .green .panel-body{

}
.portlet .green .panel-footer {
    background-color: #10a062;
}

/**red**/
.portlet .red {
    background-color: #e7191b;
}
.portlet .red *{
    color:#fff;
}
.portlet .red .panel-heading{
    border-bottom:1px solid #eee;
}
.portlet .red .panel-body{

}
.portlet .red .panel-footer {
    background-color: #bc0d0e;
}

/**yellow**/
.portlet .yellow {
    background-color: #e5ed36;
}
.portlet .yellow *{
    color:#fff;
}
.portlet .yellow .panel-heading{
    border-bottom:1px solid #eee;
}
.portlet .yellow .panel-body{

}
.portlet .yellow .panel-footer {
    background-color: #e0cf17;
}

/**purple**/
.portlet .purple {
    background-color: #852b99;
}
.portlet .purple *{
    color:#fff;
}
.portlet .purple .panel-heading{
    border-bottom:1px solid #eee;
}
.portlet .purple .panel-body{

}
.portlet .purple .panel-footer {
    background-color: #6e1881;
}

/**orange**/
.portlet .orange {
    background-color: #f29b4f;
}
.portlet .orange *{
    color:#fff;
}
.portlet .orange .panel-heading{
    border-bottom:1px solid #eee;
}
.portlet .orange .panel-body{

}
.portlet .orange .panel-footer {
    background-color: #f2760c;
}

/**brown**/
.portlet .brown {
    background-color: #9d843d;
}
.portlet .brown *{
    color:#fff;
}
.portlet .brown .panel-heading{
    border-bottom:1px solid #eee;
}
.portlet .brown .panel-body{

}
.portlet .brown .panel-footer {
    background-color: #7d682d;
}
